说到优化，首先肯定要通过一些分析工具找出项目存在的问题，然后针对问题来做对应的优化。 webpack优化分为两个方向： 1.构建速度层面优化 安装打包耗时分析插件： npm install --save-dev speed-measure- ...

计算图片大小 对于一张 100 * 100 像素的图片来说，图像上有 10000 个像素点，如果每个像素的值是RGBA存储的话，那么也就是说每个像素有 4 个通道，每个通道 1 个字节（8 位 = 1个字节），所以该图片大小大概为 39K ...

❝Access to XMLHttpRequest at 'xxx' from ...

构建内容 源代码预编译：比如 less、sass、typescript； 图片优化、雪碧图(CSS Sprite)生成； JS、CSS 合并、压缩； 静态资源加版本号和引用替换； 静态资源传 CDN 等。 项目目录结构 client ├── ...

一名有前端工程师，除了掌握自身知识体系外，在业余时间也应该了解下后端的知识时间，由于前端与后端工作是最最密切相关的，多学习些后端知识对自身也是大有好处的。1、后端语言后端语言用来写后台的三巨头：php、JAVA、ASP.NET三门语言各有特 ...

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等 ...

需求智能出码的思考|618淘系前端技术分享 每年大促前一个月都是奋战与忙碌的时节，不仅业务上在不断迭代创新，技术上也在推陈出新，需求推动技术变革是一个正向演进的过程，但革新是需要成本的，每一次技术与标准的革新都带来一场翻天覆地的大改造。如果 ...

开发环境性能优化优化打包构建速度HMR优化代码调试source-mapHMR概念：「HMR：」 hot module replacement 热模块替换 / 模块热替换作用：一个模块发生变化，只会重新打包这一个模块，而不是打包所有模块，极大 ...

为什么明明输入的网址是A，但是打开的网站是B？为什么别的站点随便什么网址打开都是同一个页面？为什么别人换了网址也不需要单独说明？让我们走进边缘规则的妙用解开谜底。 经常会有朋友来问，网站访问时会自动从 HTTP 跳转到 HTTPS 并反馈 ...

给大家整理了 25 个前端相关的学习网站和一些靠谱的小工具，包括一些小游戏、教程、社区网站和博客，以及一些资源网站，希望可以帮助到大家！CSS 相关1、CSS Battle - 在线比拼 CSShttps://cssbattle.dev在线 ...